<!-- 检票员端 主页 -->
<template>
  <div class="g-container">
    <router-view />
    <van-tabbar v-model="navActive">
      <van-tabbar-item :name="item.rname" v-for="(item, i) in navList" :key="i" replace :to="item.to">
        <span>{{ item.name }}</span>
        <template #icon>
          <div></div>
          <i :class="['iconfont', `icon-${item.icon}`]"></i>
        </template>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import { Tabbar, TabbarItem, } from 'vant'

export default {
  name: '',
  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem,
  },
  computed: {
    
  },
  data() {
    return {
      navList: [
        { rname: 'tcheck', to: '/cticketcheck', icon: 'check_ticker', name: '检票', },
        { rname: 'bbind', to: '/cbusbind', icon: 'shuttle_bus', name: '绑定班车', },
        { rname: 'cpersonal', to: '/cpersonal', icon: 'personal', name: '我的', },
      ],
      navActive: 'tcheck',
    }
  },
  created() {
    this.navActive = this.$route.name
  },
  methods: {
    
  },
}
</script>

<style scoped lang="less">
.g-container {
  height: 100vh;
  overflow: auto;
  // height: 100%;
  // padding-bottom: 50px;
}
</style>
